<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="http://static.notyourwork.com/css/reset.css" />
        <link rel="stylesheet" href="http://static.notyourwork.com/css/text.css" />
        <link rel="stylesheet" href="http://static.notyourwork.com/css/960.css" />
        <link rel="stylesheet" href="http://static.notyourwork.com/css/styles.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
        <script type="text/javascript" src="http://static.notyourwork.com/js/site.js"></script>

        <style type="text/css">
            #vis_area{
                padding-top:8px;
                height:610px;
                background:#1A1A1A;
            }
        </style>
        <!-- CSS Files -->
        <link type="text/css" href="../css/base.css" rel="stylesheet" />
        <link type="text/css" href="../css/Other.css" rel="stylesheet" />

        <!--[if IE]><script language="javascript" type="text/javascript" src="../../Extras/excanvas.js"></script><![endif]-->

        <!-- JIT Library File -->
        <script language="javascript" type="text/javascript" src="../../jit.js"></script>

        <!-- Example File -->
        <script language="javascript" type="text/javascript" src="example3.js"></script>

    </head>
    <body onload="init()">
        <div id="body">
            <div class="container_16 " id="header">
                <div class="grid_6" id="logo_box">
                    <img src="http://static.notyourwork.com/img/logo2.gif" id="logo"/>
                </div>
                <div class="grid_10" id="status"> 
                    <p>status scroller here, updates, changes, notifications.</p>
                    <p>status scroller here, updates, changes, notifications.</p>
                </div>
                
                <div class="clear"></div>
            </div>
            
            <div class="container_16 " id="nav">
                <div class="grid_16">
                    <div id="nav_top">
                        <span class="nav_top_item">Home</span>
                        <span class="nav_top_item">Home</span>
                        <span class="nav_top_item">Home</span>
                        <span class="nav_top_item">Home</span>
                        
                        <span class="nav_top_item nav_top_item_last" id="control_panel_button">Control Panel</span>
                    </div>
                </div>
                <!-- overlay begins here ignore this in regards to 960 grid structure--> 
                <div id="overleft" class="item_bottom">
                    
                    <div id="overleft_header">
                        <span class="nav_top_item nav_top_item_last">Hide</span>
                    </div>
                    <div id="control_panel" >
                    
                    </div>
                </div>
                <!-- overlay ends here --> 
                <div class="clear"></div>
                
                <div class="grid_16 item_top item_bottom" id="vis_area">
                    <div class="item_top item_bottom"id="infovis" stylei=""></div>
                </div>
                <div class="clear"></div>

            </div><!-- end id=nav -->
        </div>
           
    </body>
</html>
